<template>
  <div class="conditions">
    <span class="title">{{title}}</span>
    <i-select filterable 
              placeholder="请输入关键词搜索" v-model="checkedList" style="width:300px" multiple :max-tag-count="1">
      <i-option v-for="item in options" :key="item.value" :value="item.value">{{ item.label }}</i-option>
    </i-select>
  </div>
</template>

<script>
export default {
  props: {
    options: {
      type: Array,
      default: []
    },
    checkedList: {
      type: Array,
      default: []
    },
    title: {
      type: String,
      default: "分析内容"
    }
  },
  computed: {},
  watch: {
    checkedList(val) {
      this.$emit("input", val);
    }
  },
  methods: {},
  created() {},
  mounted() {},
  beforeCreate() {}, // 生命周期 - 创建之前
  beforeMount() {}, // 生命周期 - 挂载之前
  beforeUpdate() {}, // 生命周期 - 更新之前
  updated() {}, // 生命周期 - 更新之后
  beforeDestroy() {}, // 生命周期 - 销毁之前
  destroyed() {}, // 生命周期 - 销毁完成
  activated() {} // 如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang='scss' scoped>
</style>
